html,body{
    width: 100%;
    height: 100%
}
#leftbox{
    width: 190px;
    /* height: 400px; */
    background: #ccc;
    float: left;
}
/* logo区域 */
h1{
    width: 190px;
    height: 50px;
    background: red
}

#leftbox ul{
    width: 190px;
    height: 312px;
    background: #f9f9f9
}
#leftbox ul li{
    width: 190px;
    height: 38px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 38px;
    text-indent: 39px;
    /* css3多背景的实现 */
    /* background: url(../images/1_03.jpg) no-repeat 8px center */
    background-image: url(../images/1_03.jpg),url(../images/1_06.jpg);
    background-repeat: no-repeat,no-repeat;
    background-position: 8px center,162px center;
}
#leftbox a{
    color: #585858;
    font-size: 14px;
}
/* ***********左侧结束*************** */
#rightbox{
    /* width: 100%; */
    height: 100%;
    /* background: pink; */
    overflow: auto; /* 形成BFC */
}
.nav{
    width: 100%;
    height: 50px;
    background: #428bca;
    min-width: 895px;/* 防止当前导航在小屏幕掉下 */
}
.nav-left{
    width: 620px;
    height: 50px;
    background: #428bca;
    float: left;
}
.nav-left li{
    width: 154px;
    height: 50px;
    float: left;
    border-right: 1px solid #ccc;
}
.nav-left li:hover{
    background: #fff
}
.nav-left a{
    display: block;
    width: 115px;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    text-indent: 26px;
    font-size: 14px;
    color: #fff;
    background: url(../images/1_03.jpg) no-repeat 0 center
}
.nav-left li:hover a{
    height: 48px;
    line-height: 48px;
    border-bottom: 2px solid #428bca;
    color: #428bca;
}
.nav-right{
    width: 275px;
    height: 50px;
    background: green;
    float: right;
}
.right-box1{
    height: 40px;
    background: skyblue
}
/* 公告列表区域 */
.news-box{
    /* width: calc(100% - 20px); */
    height: 500px;
    border: 2px solid #c5d0dc;
    margin: 10px 6px 0 8px;
    min-width: 895px;
}
.news-box div{
    width: 48.2%;
    /* margin: 9px 0 ; */
    height: 480px;
    border: 1px solid #ddd;
    float: left;
    /* 怪异盒模型 */
   /*  box-sizing: border-box */ /* border不参与计算 */
}
.news-box .box1{
    /* margin-right: 0.5% */
    margin: 9px 0.5% 9px 1%
}
.news-box .box2{
    margin: 9px 1% 9px 0.5%
}
.news-box .box1 li{
    height: 47px;
    border-bottom: 1px solid #ccc
}
.news-box .box2 li{
    height: 47px;
    border-bottom: 1px solid #ccc
}
.news-box span{
    height: 47px;
    color: #428bca;
    line-height: 47px;
    text-indent: 9px;
    font-size: 12px;
}
.news-box .span1{
    float: left;
    width: 79%;
    border-right: 1px solid #ccc;
}
.news-box .span2{
    float: right;
    width: 20%
}